diff --git a/templates/typ-profile.html.twig b/templates/typ-profile.html.twig
--- a/templates/typ-profile.html.twig
+++ b/templates/typ-profile.html.twig
@@ -1,756 +1,303 @@
 {% set base_images = 'http://media.yellowpages.co.th/yellowpages' %}
 {% set base_promotion = promotion.baseurl %}
 
 
-{#<div class="container">#}
-    <div class="margin-tb-fifteen typ-profile-freelist col-md-12 col-sm-12 col-xs-12 ">
 
-        <div class="col-md-12 col-sm-12 col-xs-12">
+    <div class="margin-tb-fifteen padding-lr-thity typ-profile-freelist col-md-12 col-sm-12 col-xs-12 ">
+
+        <div class="no-gutter col-md-12 col-sm-12 col-xs-12">
             {% if profile.logo %}
                 <div class="typ-medium-img col-md-3 col-sm-3 col-xs-12"> {#logo#}
                     <img class="img-responsive" src="{{ [base_images,"/logo/",profile.logo]|join }}"/>
                 </div>
             {% else %}
                 <div class="typ-medium-img col-md-3 col-sm-3 col-xs-12">
                     <img class="img-responsive" src="{{ '/themes/contrib/typtheme/images/logo/typ-map-default.jpg' }}"/>
                 </div> {#end logo#}
             {% endif %}
 
             <div class="col-md-7 col-sm-7 col-xs-6">
                 <h1>{{ profile.humanname|raw }}</h1>
 
                 <p class="typ-txt-bold">{% trans %}Category{% endtrans %} :
                 <a href="{{ base_path }}heading/{{ profile.headingname }}">{{ profile.headingname|raw }}</a></p>
             </div>
             <div class="col-md-2 col-sm-2 col-xs-6">
                 <p>View : xxxxx </p>
             </div>
         </div>
 
 
-        {#<div class="col-md-12 col-sm-12 col-xs-12">#}
             <!-- check FL close openx -->
             {% if type != 'FL' %}
                 <div id="customertype"
                      data-customertype="{{ type }}" style="display: none">
                 </div>
             {% endif %}
             <!-- check FL close openx -->
+
         {#description#}
         <div class="margin-top-thirty col-md-12 col-sm-12 col-xs-12 typ-profile-freelist-desc">
 
             {% if type != 'FL' %}
                 {{ profile.profile|raw}}
                 {% if profile.profile %}{% endif %}
             {% else %}
                 {{ profile.profile|raw|slice(0, 100)}}{% if profile.profile|length > 100 %}{{ '...</p>' }} {% endif %}
                 {% if profile.profile %}{% endif %}
             {% endif %}
             {% if not profile.addr %}{% else %}
             <p class="typ-txt-bold">{% trans %} Address {% endtrans %}</p>
             {{ [profile.addr,profile.soi,profile.road,profile.subdistrictname,
             profile.districtname,profile.cityname,profile.postcode]|join(' ') }}
             {% endif %}
             {% if profile.location.lat %}
             <a href="/ypsearch?qm=#{{ profile.humanname|raw }}">
                 <span class="icon-icon-yt-pin size-2x"></span>
             </a>
             {% else %}
             <a href="https://www.google.co.th/maps/search/{{ profile.fulladdr|url_encode }}" target="_blank">
                 <span class="icon-icon-yt-pin size-2x"></span>
             </a>
             {% endif %}
         </div> {#end description#}
 
         {#picture#}
         <div class="typ-profile-img margin-top-thirty col-md-12 col-sm-12 col-xs-12">
             <ul class="no-gutter">
+
+
+
                 <li>
                     <img src="/themes/contrib/typtheme/images/icon/ios-camera-icon-150x150.jpg" alt="" />
                 </li>
                 <li>
                     <img src="/themes/contrib/typtheme/images/icon/ios-camera-icon-150x150.jpg" alt="" />
                 </li>
                 <li>
                     <img src="/themes/contrib/typtheme/images/icon/ios-camera-icon-150x150.jpg" alt="" />
                 </li>
             </ul>
         </div> {#end picture#}
 
         {#contact#}
         <div class="typ-profile-contact margin-top-thirty col-md-12 col-sm-12 col-xs-12">
             <h1>Contact</h1>
-        {#<div class="col-xs-12 col-sm-12 col-lg-12">#}
-            {#<table>#}
-                {#{% if profile.addr or profile.soi or profile.road or profile.subdistrictname or profile.districtname or profile.cityname %}#}
-                    {#<tr valign="top">#}
-                        {#<td style="width:25%;"><b>{% trans %} Address {% endtrans %}:</b></td>#}
-                        {#<td class="table-right"> {{ [profile.addr,profile.soi,profile.road,profile.subdistrictname,profile.districtname,profile.cityname,profile.postcode]|join(' ') }}</td>#}
-                    {#</tr>#}
-                {#{% endif %}#}
-                {#{% if not profile.telno %}{% else %}#}
-                    {#<tr valign="top">#}
-                       {#<td style="width:15%;"><b>{% trans %} Tel {% endtrans %}:</b></td>#}
-                        {#<td class="table-right">#}
-                            {#{% if not profile.telno %}#}
-                            {#{% else %}#}
-                                {#{% if type == 'FL' %}#}
-                                    {#<span>{{ profile._format.telno.0 }}</span>#}
-                                {#{% else %}#}
-                                    {#{% for key, tel in profile._format.telno %}#}
-                                        {#{% if loop.last != key+1 %}<a href='tel:{{ tel }}'>{{ tel }}</a>{{ "," }}#}
-                                        {#{% else %}<a href='tel:{{ tel }}'>{{ tel }}</a>{% endif %}#}
-                                    {#{% endfor %}#}
-                                {#{% endif %}#}
-                            {#{% endif %}#}
-                        {#</td>#}
-                    {#</tr>#}
-                {#{% endif %}#}
-                {#{% if not profile.fax %}{% else %}#}
-                    {#<tr valign="top">#}
-                       {#<td style="width:25%;"><b>{% trans %} Fax {% endtrans %}:</b></td>#}
-                        {#<td class="table-right">#}
-                            {#{% if not profile.fax %}#}
-                            {#{% else %}#}
-                                {#{% if type == 'FL' %}#}
-                                    {#<span>{{ profile._format.fax.0 }}</span>#}
-                                {#{% else %}#}
-                                    {#{% for key, fax in profile._format.fax %}#}
-                                        {#{% if loop.last != key+1 %}<a href="tel:{{ fax }}">{{ fax }}</a>{{ "," }}#}
-                                        {#{% else %}<a href="tel:{{ fax }}">{{ fax }}</a>{% endif %}#}
-                                    {#{% endfor %}#}
-                                {#{% endif %}#}
-                            {#{% endif %}#}
-                        {#</td>#}
-                    {#</tr>#}
-                {#{% endif %}#}
-                {#{% if not profile.email %}{% else %}#}
-                    {#<tr valign="top">#}
-                       {#<td style="width:25%;"><b>{% trans %} Email {% endtrans %}:</b></td>#}
-                        {#<td class="table-right">#}
-                            {#{% if not profile.email %}#}
-                            {#{% else %}#}
-                                {#{% if type == 'FL' %}#}
-                                    {#{% set email =  profile.email|split(',') %}#}
-                                    {#{{ email.0 }}#}
-                                    {#{% for key , mail in email %}#}
-                                        {#{% if loop.last != key+1 %}{{ mail }},#}
-                                        {#{% else %}{{ mail }}{% endif %}#}
-                                    {#{% endfor %}#}
-                                {#{% else %}#}
-                                    {#{% set email =  profile.email|split(',') %}#}
-                                    {#{% for key , mail in email %}#}
-                                        {#{% if loop.last != key+1 %}<a href="mailto:{{ mail }}">{{ mail }}</a>,#}
-                                        {#{% else %}<a href="mailto:{{ mail }}">{{ mail }}</a>{% endif %}#}
-                                    {#{% endfor %}#}
-                                {#{% endif %}#}
-                            {#{% endif %}#}
-                        {#</td>#}
-                    {#</tr>#}
-                {#{% endif %}#}
-                {#{% if not profile.website %}{% else %}#}
-                    {#<tr valign="top">#}
-                       {#<td style="width:25%;"><b>{% trans %} Website {% endtrans %}:</b></td>#}
-                        {#<td class="table-right">#}
-                            {#{% if not profile.website %}#}
-                            {#{% else %}#}
-                                 {#{% set website_show =  profile.website_show|split(',') %}#}
-                                    {#{% if type == 'FL' %}#}
-                                        {#{{  website_show.0 }}#}
-                                        {#{% else %}#}
-                                        {#{% for key , web in website_show %}#}
-                                            {#{% if loop.last != key+1 %}<a href="{{web|trim}}" target="_blank">{{web}}</a>,#}
-                                            {#{% else %}<a href="{{web|trim }}" target="_blank">{{web}}</a>{% endif %}#}
-                                        {#{% endfor %}#}
-                                    {#{% endif %}#}
-                                    {#{% if type == 'FL' %}#}
-                                        {#{% set website_show =  profile.website_show|split(',') %}#}
-                                        {#{{  website_show.0 }}#}
-                                    {#{% else %}#}
-                                        {#{% for key , web in profile.website %}#}
-                                            {#{% if loop.last %}#}
-                                                {#<a href="{{key|trim }}" target="_blank">{{web}}</a>#}
-                                            {#{% else %}#}
-                                                {#<a href="{{key|trim}}" target="_blank">{{web}}</a>,#}
-                                            {#{% endif %}#}
-                                        {#{% endfor %}#}
-                                    {#{% endif %}#}
-                            {#{% endif %}#}
-                        {#</td>#}
-                    {#</tr>#}
-                {#{% endif %}#}
-                {#{% if not profile.workinghours %}{% else %}#}
-                    {#<tr valign="top">#}
-                       {#<td style="width:25%;"><b>{% trans %} Work-Time {% endtrans %}:</b></td>#}
-                        {#<td class="table-right">#}
-                            {#{% if not profile.workinghours %}#}
-                            {#{% else %}#}
-                                {#{{ profile._format.workinghours }}#}
-                            {#{% endif %}#}
-                        {#</td>#}
-                    {#</tr>#}
-                {#{% endif %}#}
-            {#</table>#}
-
-            {#update 12/4/60#}
             {#address#}
             <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                 <div class="col-md-3 col-sm-3 col-xs-12">
                     <p class="typ-txt-bold">{% trans %} Address {% endtrans %}:</p>
                 </div>
                 <div class="col-md-9 col-sm-9 col-xs-12">
                     {{ [profile.addr,profile.soi,profile.road,profile.subdistrictname,profile.districtname,profile.cityname,profile.postcode]|join(' ') }}
                 </div>
             </div>
 
             {#tel.#}
             {% if not profile.telno %}{% else %}
                 <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                     <div class="col-md-3 col-sm-3 col-xs-12">
                         <p class="typ-txt-bold">{% trans %} Tel {% endtrans %}:</p>
                     </div>
                     <div class="col-md-9 col-sm-9 col-xs-12">
                         {% if not profile.telno %}
                         {% else %}
                             {% if type == 'FL' %}
                                 <span>{{ profile._format.telno.0 }}</span>
                             {% else %}
                                 {% for key, tel in profile._format.telno %}
                                     {% if loop.last != key+1 %}<a href='tel:{{ tel }}'>{{ tel }}</a>{{ "," }}
                                     {% else %}<a href='tel:{{ tel }}'>{{ tel }}</a>{% endif %}
                                 {% endfor %}
                             {% endif %}
                         {% endif %}
                     </div>
                 </div>
             {% endif %}
 
             {#fax#}
             {% if not profile.fax %}{% else %}
                 <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                     <div class="col-md-3 col-sm-3 col-xs-12">
                         <p class="typ-txt-bold">{% trans %} Fax {% endtrans %}:</p>
                     </div>
                     <div class="col-md-9 col-sm-9 col-xs-12">
                         {% if not profile.fax %}
                         {% else %}
                             {% if type == 'FL' %}
                                 <span>{{ profile._format.fax.0 }}</span>
                             {% else %}
                                 {% for key, fax in profile._format.fax %}
                                     {% if loop.last != key+1 %}<a href="tel:{{ fax }}">{{ fax }}</a>{{ "," }}
                                     {% else %}<a href="tel:{{ fax }}">{{ fax }}</a>{% endif %}
                                 {% endfor %}
                             {% endif %}
                         {% endif %}
                     </div>
                 </div>
             {% endif %}
 
             {#e-mail#}
             {% if not profile.email %}{% else %}
                 <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                     <div class="col-md-3 col-sm-3 col-xs-12">
                         <p class="typ-txt-bold">{% trans %} Email {% endtrans %}:</p>
                     </div>
                     <div class="col-md-9 col-sm-9 col-xs-12">
                         {% if not profile.email %}
                         {% else %}
                             {% if type == 'FL' %}
                                 {% set email =  profile.email|split(',') %}
                                 {{ email.0 }}
                                 {% for key , mail in email %}
                                     {% if loop.last != key+1 %}{{ mail }},
                                     {% else %}{{ mail }}{% endif %}
                                 {% endfor %}
                             {% else %}
                                 {% set email =  profile.email|split(',') %}
                                 {% for key , mail in email %}
                                     {% if loop.last != key+1 %}<a href="mailto:{{ mail }}">{{ mail }}</a>,
                                     {% else %}<a href="mailto:{{ mail }}">{{ mail }}</a>{% endif %}
                                 {% endfor %}
                             {% endif %}
                         {% endif %}
                     </div>
                 </div>
             {% endif %}
 
             {#website#}
             {% if not profile.website %}{% else %}
                 <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                     <div class="col-md-3 col-sm-3 col-xs-12">
                         <p class="typ-txt-bold">{% trans %} Website {% endtrans %}:</p>
                     </div>
                     <div class="col-md-9 col-sm-9 col-xs-12">
                         {% if not profile.website %}
                         {% else %}
                             {% set website_show =  profile.website_show|split(',') %}
                             {% if type == 'FL' %}
                                 {{  website_show.0 }}
                             {% else %}
                                 {% for key , web in website_show %}
                                     {% if loop.last != key+1 %}<a href="{{web|trim}}" target="_blank">{{web}}</a>,
                                     {% else %}<a href="{{web|trim }}" target="_blank">{{web}}</a>{% endif %}
                                 {% endfor %}
                             {% endif %}
                             {% if type == 'FL' %}
                                 {% set website_show =  profile.website_show|split(',') %}
                                 {{  website_show.0 }}
                             {% else %}
                                 {% for key , web in profile.website %}
                                     {% if loop.last %}
                                         <a href="{{key|trim }}" target="_blank">{{web}}</a>
                                     {% else %}
                                         <a href="{{key|trim}}" target="_blank">{{web}}</a>,
                                     {% endif %}
                                 {% endfor %}
                             {% endif %}
                         {% endif %}
                     </div>
                 </div>
             {% endif %}
 
             {#work-time#}
             {% if not profile.workinghours %}{% else %}
                 <div class="typ-profile-contact-detail col-md-12 col-sm-12 col-xs-12">
                     <div class="col-md-3 col-sm-3 col-xs-12">
                         <p class="typ-txt-bold">{% trans %} Work-Time {% endtrans %}:</p>
                     </div>
                     <div class="col-md-9 col-sm-9 col-xs-12">
                         {% if not profile.workinghours %}
                         {% else %}
                             {{ profile._format.workinghours }}
                         {% endif %}
                     </div>
                 </div>
             {% endif %}
         </div> {#end contact#}
 
         {#Map#}
         <div class="margin-top-thirty col-md-12 col-sm-12 col-xs-12">
-            {#<div class="col-md-12 col-sm-12 col-xs-12">#}
-                {% if type != 'FL' %}
-                    {% if not prodescription or prodescription is empty %}
-                    {% else %}
-                        <b>{% trans %} Product And Service {% endtrans %}</b>
-                        {{ prodescription|raw }}
-                    {% endif %}
 
-                    <div>
-                    {% if not profile.brandname %}
-                    {% else %}<b>{% trans %}Brand Name{% endtrans %}</b>  {{ profile.brandname|replace({"<p>":" ","</p>":" "}) }}
-                    {% endif %}
-                    </div>
-
+            {% if type != 'FL' %}
+                {% if not prodescription or prodescription is empty %}
                 {% else %}
-                    {% if not prodescription or prodescription is empty %}
-                    {% else %}
-                        <b>{% trans %} Product And Service {% endtrans %}</b>
-                        {{ prodescription|raw }}
-                        {% if prodescription and profile.brandname %}{% endif %}
-                    {% endif %}
-
+                    <b>{% trans %} Product And Service {% endtrans %}</b>
+                    {{ prodescription|raw }}
                 {% endif %}
 
-
-                 {#TAB#}
-                {% if type == 'FL' %}
-                    {#<div class="mobile">#}
-                        {#<ul class="nav nav-tabs" {% if not promotion.promotionid and not profile.location.lat %}style="display: none;"{% endif %}>#}
-                            {#{% if promotion.promotionid %}<li class="active" ><a data-toggle="tab" href="#menu3">{% trans %} Promotion  {% endtrans %}</a></li>{% endif %}#}
-                            {#{% if profile.location.lat %}<li {% if not promotion.promotionid %}{{ 'class="active"' }}{% endif %}><a data-toggle="tab" href="#menu2">{% trans %} Digital Map {% endtrans %}</a></li>{% endif %}#}
-                        {#</ul>#}
-
-                        {#<div class="tab-content" {% if not promotion.promotionid and not profile.location.lat %}style="display: none;"{% else %}style="float: left;margin-bottom: 30px;"{% endif %}>#}
-
-                            {#{% if promotion.promotionid %}#}
-                                {#<div id="menu3" {% if not promotion.promotionid %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>#}
-
-                                    {#<div class="col-xs-12 col-md-12 col-lg-12">#}
-                                        {#<div class="col-xs-6 col-md-6 col-lg-8 text-left">#}
-                                            {#<h4>{{ profile.humanname|raw }}</h4>#}
-                                            {#{{ promotion.title }}#}
-                                        {#</div>#}
-                                        {#<div class="col-xs-6 col-md-6 col-lg-4 text-right">#}
-                                            {#<p>{% trans %}Start Date{% endtrans %} :</p> {{ promotion.startdate|raw }}#}
-
-                                            {#<p>{% trans %}End Date{% endtrans %} :</p> {{ promotion.enddate|raw }}#}
-                                        {#</div>#}
-                                    {#</div>#}
-
-
-                                    {#<div class="col-xs-12 col-md-12 col-lg-12 text-center">#}
-                                        {#{% if promotion.promoimg %}#}
-                                            {#<div {% if promotion.promoimg and not promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4 detail-images"#}
-                                            {#{% elseif promotion.promoimg and promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"#}
-                                            {#{% else %} class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" {% endif %} >#}
-                                                {#<a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" class="colorbox group1" title="{{ promotion.productimg }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" /></a>#}
-                                            {#</div>#}
-                                        {#{% else %}#}
-                                            {#<div class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4">#}
-                                                {#<a href="{{ base_promotion }}/promotion-default.jpg" class="colorbox group1"><img class="img-responsive" src="{{ base_promotion }}/promotion-default.jpg" /></a>#}
-                                            {#</div>#}
-                                        {#{% endif %}#}
-                                        {#{% if promotion.promoimg2 %}#}
-                                            {#<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" >#}
-                                                {#<a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" class="colorbox group1" title="{{ promotion.productimg2 }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" /></a>#}
-                                            {#</div>#}
-                                        {#{% endif %}#}
-                                        {#{% if promotion.promoimg3 %}#}
-                                            {#<div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" >#}
-                                                {#<a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" class="colorbox group1" title="{{ promotion.productimg3 }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" /></a>#}
-                                            {#</div>#}
-                                        {#{% endif %}#}
-                                    {#</div>#}
-
-                                    {#<div class="col-md-12 col-xs-12">#}
-                                        {#{% if promotion.subject %}#}
+                <div>
+                {% if not profile.brandname %}
+                {% else %}<b>{% trans %}Brand Name{% endtrans %}</b>  {{ profile.brandname|replace({"<p>":" ","</p>":" "}) }}
+                {% endif %}
+                </div>
 
-                                        {#<b>{% trans %}Detail{% endtrans %} : </b>#}
-                                        {#{{ promotion.subject|raw }}#}
-
-                                        {#{% endif %}#}
-                                        {#<a href="http://www.yellowpages.co.th/mobile/typliveplus/user" target="_blank">#}
-                                            {#<div class="typ-profile-typliveplus" >#}
-                                                {#{% trans %}How to get promotion from{% endtrans %} TYPLive Plus#}
-                                            {#</div>#}
-                                        {#</a>#}
-                                    {#</div>#}
-                                {#</div>#}
-                            {#{% endif %}#}
-
-                            {#{% if profile.location.lat %}#}
-                                {#<div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active"' }} {% endif %}  >#}
-
-                                    {#<iframe width="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&height=420&width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>#}
-                                    {#<div class="text-center">#}
-                                        {#<a class="iframe" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=600">{% trans %}View list on search by map {% endtrans %}</a>#}
-                                    {#</div>#}
-                                {#</div>#}
-                            {#{% endif %}#}
-
-                        {#</div>#}
-                    {#</div>#}
-
+            {% else %}
+                {% if not prodescription or prodescription is empty %}
+                {% else %}
+                    <b>{% trans %} Product And Service {% endtrans %}</b>
+                    {{ prodescription|raw }}
+                    {% if prodescription and profile.brandname %}{% endif %}
+                {% endif %}
 
-                    <div class="mobile">
-                        <ul class="nav nav-tabs" style="display: none;" {% if not promotion.promotionid and not profile.location.lat %}style="display: none;"{% endif %}>
-                            {% if promotion.promotionid %}
-                                <li class="active" ><a data-toggle="tab" href="#menu3">{% trans %} Promotion  {% endtrans %}</a></li>
-                            {% endif %}
-                            {% if profile.location.lat %}
-                                <li {% if not promotion.promotionid %}{{ 'class="active"' }}{% endif %}>
-                                    <a data-toggle="tab" href="#menu2">{% trans %} Digital Map {% endtrans %}</a>
-                                </li>
-                            {% endif %}
-                        </ul>
-
-                        <div class="tab-content no-gutter col-md-12 col-sm-12 col-xs-12" {% if not promotion.promotionid and not profile.location.lat %}style="display: none;"{% else %}style="float: left;margin-bottom: 55px;"{% endif %}>
-
-                            {% if promotion.promotionid %}
-                                <div id="menu3" {% if not promotion.promotionid %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>
-
-                                    <div class="col-xs-12 col-md-12 col-lg-12">
-                                        <div class="col-xs-6 col-md-6 col-lg-8 text-left">
-                                            <h4>{{ profile.humanname|raw }}</h4>
-                                            {{ promotion.title }}
-                                        </div>
-                                        <div class="col-xs-6 col-md-6 col-lg-4 text-right">
-                                            <p>{% trans %}Start Date{% endtrans %} :</p> {{ promotion.startdate|raw }}
-
-                                            <p>{% trans %}End Date{% endtrans %} :</p> {{ promotion.enddate|raw }}
-                                        </div>
-                                    </div>
+            {% endif %}
 
 
-                                    <div class="col-xs-12 col-md-12 col-lg-12 text-center">
-                                        {% if promotion.promoimg %}
-                                            <div {% if promotion.promoimg and not promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4 detail-images"
-                                            {% elseif promotion.promoimg and promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"
-                                            {% else %} class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" {% endif %} >
-                                                <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" class="colorbox group1" title="{{ promotion.productimg }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" /></a>
-                                            </div>
-                                        {% else %}
-                                            <div class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4">
-                                                <a href="{{ base_promotion }}/promotion-default.jpg" class="colorbox group1"><img class="img-responsive" src="{{ base_promotion }}/promotion-default.jpg" /></a>
-                                            </div>
-                                        {% endif %}
-                                        {% if promotion.promoimg2 %}
-                                            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" >
-                                                <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" class="colorbox group1" title="{{ promotion.productimg2 }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" /></a>
-                                            </div>
-                                        {% endif %}
-                                        {% if promotion.promoimg3 %}
-                                            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4 detail-images" >
-                                                <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" class="colorbox group1" title="{{ promotion.productimg3 }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" /></a>
-                                            </div>
-                                        {% endif %}
-                                    </div>
+            {% if type == 'FL' %}
+
+                {% if profile.location.lat %}
+                    {#<div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active google-map-size"' }} {% endif %}>#}
+                    <div class="google-map-size">
 
-                                    <div class="col-md-12 col-xs-12">
-                                        {% if promotion.subject %}
-
-                                            <b>{% trans %}Detail{% endtrans %} : </b>
-                                            {{ promotion.subject|raw }}
-
-                                        {% endif %}
-                                        <a href="http://www.yellowpages.co.th/mobile/typliveplus/user" target="_blank">
-                                            <div class="typ-profile-typliveplus" >
-                                                {% trans %}How to get promotion from{% endtrans %} TYPLive Plus
-                                            </div>
-                                        </a>
-                                    </div>
-                                </div>
-                            {% endif %}
-
-                            {% if profile.location.lat %}
-                                <div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active google-map-size"' }} {% endif %}>
-
-                                    <iframe width="100%" height="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&height=420&width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
-                                    <div class="text-center">
-                                        <a class="iframe btn typ-link-btn btn-md" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=600">
-                                            {% trans %}View list on search by map {% endtrans %}
-                                        </a>
-                                    </div>
-                                </div>
-                            {% endif %}
-
+                        <iframe width="100%" height="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&height=420&width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
+                        <div class="text-center">
+                            <a class="iframe btn typ-link-btn btn-md" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=600">
+                                {% trans %}View list on search by map {% endtrans %}
+                            </a>
                         </div>
                     </div>
-                {% else %}
-                    <div class="mobile">
-                        <ul class="nav nav-tabs" {% if not promotion.promotionid and not profile.location.lat and not profile.printads %} style="display: none;"  {% endif %}>
-                            {% if profile.picturet1 %}<li class="active"><a data-toggle="tab" href="#home">{% trans %} Picture {% endtrans %}</a></li>{% endif %}
-                            {% if promotion.promotionid %}<li class="active" ><a data-toggle="tab" href="#menu1">{% trans %} Promotion  {% endtrans %}</a></li>{% endif %}
-                            {% if profile.location.lat %}<li {% if not promotion.promotionid %} {{ 'class="active"' }} {% endif %}><a data-toggle="tab" href="#menu2">{% trans %} Digital Map {% endtrans %}</a></li>{% endif %}
-                            {% if profile.printads %}<li {% if not promotion.promotionid and not profile.location.lat %}{{ 'class="active"' }}{% endif %}><a data-toggle="tab" href="#menu3">{% trans %} Advertisement {% endtrans %}</a></li>{% endif %}
-                            {% if profile.map %}<li {% if not profile.location.lat and not profile.printads and not profile.promotion and not profile.onlinepromotion %}{{ 'class="active"' }}{% endif %}><a data-toggle="tab" href="#menu4">{% trans %} Map Picture {% endtrans %}</a></li>{% endif %}
-                        </ul>
-
-                        <div class="tab-content" {% if not promotion.promotionid and not profile.location.lat and not profile.printads %} style="display: none;"  {% endif %}>
-                            {% if profile.picturet1 %}
-                            <div id="home" class="tab-pane fade in active">
+                {% endif %}
 
-                            <div class="row">
-                            {% if profile.picturet1  %}
-                            <div class="col-xs-4 col-sm-4 col-lg-4">
-                            <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet1]|join}}" class="colorbox">
-                            <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet1]|join}}"/>
-                            </a>
-                            </div>
-                            {% endif %}
-                            {% if profile.picturet2  %}
-                            <div class="col-xs-4 col-sm-4 col-lg-4">
-                            <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet2]|join}}" class="colorbox">
-                            <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet2]|join}}"/>
-                            </a>
-                            </div>
-                            {% endif %}
-                            {% if profile.picturet3  %}
-                            <div class="col-xs-4 col-sm-4 col-lg-4">
-                            <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet3]|join}}" class="colorbox">
-                            <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet3]|join}}"/>
-                            </a>
-                            </div>
-                            {% endif %}
-                            {% if profile.picturet4  %}
-                            <div class="col-xs-4 col-sm-4 col-lg-4">
-                            <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet4]|join}}" class="colorbox">
-                            <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet4]|join}}"/>
-                            </a>
-                            </div>
-                            {% endif %}
-                            {% if profile.picturet5  %}
-                            <div class="col-xs-4 col-sm-4 col-lg-4">
-                            <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet5]|join}}" class="colorbox">
-                            <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet5]|join}}"/>
-                            </a>
-                            </div>
-                            {% endif %}
-                            {% if profile.picturet6  %}
-                            <div class="col-xs-4 col-sm-4 col-lg-4">
-                            <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet6]|join}}" class="colorbox">
-                            <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet6]|join}}"/>
-                            </a>
-                            </div>
-                            {% endif %}
-                            {% if profile.picturet7  %}
-                            <div class="col-xs-4 col-sm-4 col-lg-4">
-                            <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet7]|join}}" class="colorbox">
-                            <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet7]|join}}"/>
-                            </a>
-                            </div>
-                            {% endif %}
-                            {% if profile.picturet8  %}
-                            <div class="col-xs-4 col-sm-4 col-lg-4">
-                            <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet8]|join}}" class="colorbox">
-                            <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet8]|join}}"/>
-                            </a>
-                            </div>
-                            {% endif %}
-                            {% if profile.picturet9  %}
-                            <div class="col-xs-4 col-sm-4 col-lg-4">
-                            <a href="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet9]|join}}" class="colorbox">
-                            <img class="img-responsive" src="{{[base_images,"/products/th/",profile.customerid,"/",profile.picturet9]|join}}"/>
-                            </a>
-                            </div>
-                            {% endif %}
-                            </div>
-                            </div>
-                            {% endif %}
-
-                            {% if promotion.promotionid %}
-                                <div id="menu1" class="tab-pane fade in active" >
+            {% else %}
 
-                                    <div class="col-xs-12 col-md-12 col-lg-12">
-                                        <div class="col-xs-6 col-md-6 col-lg-6 text-left">
-                                            <h4 style="margin:0px 0px 5px 0px;">{{ profile.humanname|raw }}</h4>
-                                            {{ promotion.title }}
-                                        </div>
-                                        <div class="col-xs-6 col-md-6 col-lg-6 text-right">
-                                            <b>{% trans %}Start Date{% endtrans %} :</b> {{ promotion.startdate|raw }}
-
-                                            <b>{% trans %}End Date{% endtrans %} :</b> {{ promotion.enddate|raw }}
-                                        </div>
-                                    </div>
-
-
-                                    <div class="col-xs-12 col-md-12 col-lg-12 text-center">
-                                        {% if promotion.promoimg %}
-                                            <div {% if promotion.promoimg and not promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"
-                                            {% elseif promotion.promoimg and promotion.promoimg2 and not promotion.promoimg3 %} class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4"
-                                            {% else %} class="col-xs-4 col-sm-4 col-md-4 col-lg-4" {% endif %} >
-                                                <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" class="colorbox group1" title="{{ promotion.productimg }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg }}" /></a>
-                                            </div>
-                                        {% else %}
-                                            <div class="col-xs-4 col-md-4 col-lg-4 col-xs-offset-4 col-md-offset-4 col-lg-offset-4">
-                                                <a href="{{ base_promotion }}/promotion-default.jpg" class="colorbox group1"><img class="img-responsive" src="{{ base_promotion }}/promotion-default.jpg" /></a>
-                                            </div>
-                                        {% endif %}
-                                        {% if promotion.promoimg2 %}
-                                            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" >
-                                                <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" class="colorbox group1" title="{{ promotion.productimg2 }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg2 }}" /></a>
-                                            </div>
-                                        {% endif %}
-                                        {% if promotion.promoimg3 %}
-                                            <div class="col-xs-4 col-sm-4 col-md-4 col-lg-4" >
-                                                <a href="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" class="colorbox group1" title="{{ promotion.productimg3 }}"><img  class="img-responsive" src="{{ base_promotion }}/{{ promotion.customerid }}/{{ promotion.promoimg3 }}" /></a>
-                                            </div>
-                                        {% endif %}
-                                    </div>
-
-                                    <div>
-                                        {% if promotion.subject %}
-
-                                        <b>{% trans %}Detail{% endtrans %} : </b>
-                                        {{ promotion.subject|raw }}
+                {% if profile.location.lat %}
+                    {#<div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active"' }} {% endif %}  >#}
+                    <div>
 
-                                        {% endif %}
-                                        <a href="http://www.yellowpages.co.th/profile/get-promotion">
-                                            <div class="text-center">
-                                                <div>
-                                                    {% trans %}How to get promotion from{% endtrans %} TYPLive Plus
-                                                </div>
-                                            </div>
-                                        </a>
-                                    </div>
-                                </div>
-                            {% endif %}
-
-                            {% if profile.location.lat %}
-                                <div id="menu2" {% if promotion.promotionid %} {{ 'class="tab-pane fade"' }} {% else %} {{ 'class="tab-pane fade in active"' }} {% endif %}  >
-
-                                    <iframe width="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&amp;longitude={{ profile.location.lon }}&amp;height=420&amp;width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
-                                    <div class="text-center">
-                                        <a class="iframe" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=580">{% trans %}View list on search by map {% endtrans %}</a>
-                                    </div>
-                                </div>
-                            {% endif %}
-
-                            {% if profile.printads %}
-                                <div id="menu3" {% if promotion.promotionid or profile.location.lat %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>
-                                    <div class="row">
-                                        <div class="col-xs-12 col-sm-12 col-lg-12">
-
-                                            <a href="{{[base_images,"/printads/",profile.lang,"/",profile.printads,".jpg"]|join}}" class="colorbox">
-                                                <img class="img-responsive typ-profile-printads" src="{{[base_images,"/printads/",profile.lang,"/",profile.printads,".jpg"]|join}}"/>
-                                            </a>
-                                        </div>
-                                    </div>
-                                </div>
-                            {% endif %}
-
-                            {% if profile.map %}
-                            <div id="menu4" {% if profile.location.lat or profile.printads or profile.promotion or profile.onlinepromotion %}{{ ' class="tab-pane fade"' }}{% else %}{{ ' class="tab-pane fade in active"' }}{% endif %}>
-                            <div class="row">
-                            <div class="col-xs-12 col-sm-12 col-lg-12">
-
-                            <a href="{{[base_images,"/map/th/",profile.map,".jpg"]|join}}" class="colorbox">
-                            <img class="img-responsive " src="{{[base_images,"/map/th/",profile.map,".jpg"]|join}}"/>
-                            </a>
-                            </div>
-                            </div>
-                            </div>
-                            {% endif %}
+                        <iframe width="100%" scrolling="no" frameborder="0" src="http://landingpage.yellowpages.co.th/yp_map.php?latitude={{ profile.location.lat }}&amp;longitude={{ profile.location.lon }}&amp;height=420&amp;width=445" allowtransparency="true" marginwidth="0" marginheight="0"></iframe>
+                        <div class="text-center">
+                            <a class="iframe" href="http://landingpage.yellowpages.co.th/yp_map.php?bypass=1&latitude={{ profile.location.lat }}&longitude={{ profile.location.lon }}&iframe=true&width=800&height=580">{% trans %}View list on search by map {% endtrans %}</a>
                         </div>
                     </div>
+                {% endif %}
 
-                {% endif %}
+            {% endif %}
 
 
                 {% if not profile.custname %}
                 {% else %}
                 {{ profile.custname|raw }} : แสดงความคิดเห็น
                 {% endif %}
 
-
-                 {#TAB#}
-                {#<div class="mobile">#}
-                {#<ul class="nav nav-tabs">#}
-                {#<li class="active"><a data-toggle="tab" href="#menu">{% trans %} Comment {% endtrans %}</a></li>#}
-                {#<li><a data-toggle="tab" href="#menu">{% trans %} Picture Concerned {% endtrans %}</a></li>#}
-                {#&#123;&#35;<li><a data-toggle="tab" href="#menu6">{% trans %} Advertise {% endtrans %}</a></li>&#35;&#125;#}
-                {#</ul>#}
-
-                {#<div class="tab-content">#}
-                {#<div id="menu4" class="tab-pane fade in active">#}
-                {#<h3>HOME</h3>#}
-                {#<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>#}
-                {#</div>#}
-                {#<div id="menu5" class="tab-pane fade">#}
-                {#<h3>Menu 1</h3>#}
-                {#<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>#}
-                {#</div>#}
-                {#&#123;&#35;<div id="menu6" class="tab-pane fade">&#35;&#125;#}
-                {#&#123;&#35;<h3>Menu 2</h3>&#35;&#125;#}
-                {#&#123;&#35;<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p>&#35;&#125;#}
-                {#&#123;&#35;</div>&#35;&#125;#}
-                {#</div>#}
-                {#</div>#}
-                 {#END TAB#}
-
-            {#</div>#}
         </div> {#end Map#}
 
         {#facebook#}
         <div class="margin-top-thirty col-md-12 col-sm-12 col-xs-12">
             {{ app.request.getRequestUri() }}
                 <div id="fb-root"></div>
                 <script>(function(d, s, id) {
                   var js, fjs = d.getElementsByTagName(s)[0];
                   if (d.getElementById(id)) return;
                   js = d.createElement(s); js.id = id;
                   js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=986936604724797";
                   fjs.parentNode.insertBefore(js, fjs);
                 }(document, 'script', 'facebook-jssdk'));</script>
                 <div class="fb-comments" data-width="100%" data-href="http://{{ facebook_comment }}" data-numposts="5"></div>
         </div> {#end facebook#}
 
     </div> {#end typ profile freelist#}
 
-        {#</div>#}
-{#</div>#}
 
 <input type="hidden" class="catname" value="{{ profile.headingname|raw }}">
 <input type="hidden" class="lang" value="{{ profile.lang|raw }}">
 <input type="hidden" class="cat_address" value="{{ [profile.subdistrictname,profile.districtname,profile.cityname,profile.postcode]|join(' ') }}">